<!DOCTYPE html>
<html lang="zh-CN" data-theme="light">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>武汉三日游自驾行程规划</title>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/daisyui@3.9.0/dist/full.css" rel="stylesheet" type="text/css" />
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['Noto Sans SC', 'sans-serif'],
                    },
                    colors: {
                        primary: '#4A6FA5',
                        secondary: '#98A8C0',
                        accent: '#F8F9FA',
                        neutral: '#F5F5F5',
                        'base-100': '#ffffff',
                        info: '#93C5FD',
                        success: '#86EFAC',
                        warning: '#FCD34D',
                        error: '#FDA4AF',
                    }
                },
            },
            plugins: [require("daisyui")],
            daisyui: {
                themes: ["light", "dark", "cupcake"],
            },
        }
        
        // 添加打开高德地图的函数
        function openAmap(name, address) {
            // 构建高德地图搜索链接
            let url = `https://uri.amap.com/search?keyword=${encodeURIComponent(name)}`;
            
            // 如果有地址，添加地址信息
            if (address) {
                url += `&address=${encodeURIComponent(address)}`;
            }
            
            // 打开新标签页
            window.open(url, '_blank');
        }
    </script>
    <style>
        :root {
            --primary-color: #4A6FA5;
            --secondary-color: #98A8C0;
            --background-color: #F5F5F5;
            --text-color: #333;
            --light-text: #666;
            --border-color: #E5E7EB;
            --highlight-color: #F8F9FA;
            --success-color: #86EFAC;
            --warning-color: #FCD34D;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            font-family: 'Noto Sans SC', sans-serif;
            line-height: 1.6;
            color: var(--text-color);
            background-color: var(--background-color);
            padding: 20px;
        }
        
        .container {
            max-width: 1200px;
            margin: 0 auto;
            background-color: white;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }
        
        header {
            background-color: var(--primary-color);
            color: white;
            padding: 25px;
            text-align: center;
            position: relative;
        }
        
        .title {
            margin-bottom: 10px;
        }
        
        .subtitle {
            font-weight: 500;
            margin-bottom: 15px;
        }
        
        .trip-info {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 15px;
        }
        
        .info-item {
            display: flex;
            align-items: center;
            background-color: rgba(255, 255, 255, 0.2);
            padding: 5px 15px;
            border-radius: 20px;
        }
        
        .info-item i {
            margin-right: 8px;
        }
        
        .main-content {
            padding: 25px;
        }
        
        .section {
            margin-bottom: 30px;
        }
        
        .section-title {
            color: var(--primary-color);
            margin-bottom: 15px;
            padding-bottom: 8px;
            border-bottom: 2px solid var(--primary-color);
            display: flex;
            align-items: center;
        }
        
        .section-title i {
            margin-right: 10px;
        }
        
        .overview {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-bottom: 30px;
        }
        
        .overview-card {
            flex: 1 1 300px;
            background-color: white;
            border: 1px solid var(--border-color);
            border-radius: 8px;
            padding: 15px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        }
        
        .overview-card h3 {
            color: var(--primary-color);
            margin-bottom: 10px;
            display: flex;
            align-items: center;
        }
        
        .overview-card h3 i {
            margin-right: 8px;
        }
        
        .overview-card ul {
            list-style-type: none;
        }
        
        .overview-card li {
            margin-bottom: 8px;
            padding-left: 20px;
            position: relative;
        }
        
        .overview-card li:before {
            content: "•";
            color: var(--secondary-color);
            font-weight: bold;
            position: absolute;
            left: 0;
        }
        
        .day-plan {
            margin-bottom: 40px;
        }
        
        .day-title {
            background-color: var(--primary-color);
            color: white;
            padding: 10px 15px;
            border-radius: 5px;
            margin-bottom: 15px;
        }
        
        .timeline {
            position: relative;
            padding-left: 30px;
        }
        
        .timeline:before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 8px;
            width: 3px;
            background-color: var(--primary-color);
        }
        
        .timeline-item {
            position: relative;
            margin-bottom: 25px;
            background-color: white;
            border-radius: 8px;
            padding: 15px;
            border-left: 4px solid var(--secondary-color);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        }
        
        .timeline-item:before {
            content: "";
            position: absolute;
            top: 20px;
            left: -34px;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            background-color: var(--secondary-color);
            border: 3px solid white;
            box-shadow: 0 0 0 3px var(--primary-color);
        }
        
        .time {
            font-weight: bold;
            color: var(--primary-color);
            margin-bottom: 5px;
        }
        
        .activity-title {
            font-weight: 500;
            margin-bottom: 8px;
            display: flex;
            align-items: center;
        }
        
        .activity-title i {
            margin-right: 8px;
            color: var(--primary-color);
        }
        
        .location {
            color: var(--light-text);
            font-size: 0.9em;
            margin-bottom: 8px;
        }
        
        .activity-details {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 10px;
        }
        
        .tag {
            background-color: var(--highlight-color);
            padding: 3px 10px;
            border-radius: 20px;
            font-size: 0.85em;
            color: var(--primary-color);
        }
        
        .transportation {
            display: flex;
            align-items: center;
            padding: 10px 15px;
            background-color: var(--highlight-color);
            border-radius: 5px;
            margin: 10px 0 20px;
        }
        
        .transportation i {
            margin-right: 10px;
            color: var(--primary-color);
        }
        
        .tips-section {
            background-color: var(--highlight-color);
            border-radius: 8px;
            padding: 20px;
            margin-top: 30px;
        }
        
        .tips-list {
            list-style-type: none;
        }
        
        .tips-list li {
            margin-bottom: 10px;
            padding-left: 25px;
            position: relative;
        }
        
        .tips-list li i {
            position: absolute;
            left: 0;
            top: 4px;
            color: var(--secondary-color);
        }
        
        .emergency-contacts {
            background-color: #fff3e0;
            border-radius: 8px;
            padding: 15px;
            margin-top: 20px;
        }
        
        .emergency-contacts h4 {
            color: var(--warning-color);
            margin-bottom: 10px;
        }
        
        .emergency-list {
            list-style-type: none;
        }
        
        .emergency-list li {
            margin-bottom: 8px;
            display: flex;
            align-items: center;
        }
        
        .emergency-list i {
            margin-right: 10px;
            color: var(--warning-color);
        }
        
        .budget-summary {
            background-color: #e8f5e9;
            border-radius: 8px;
            padding: 15px;
            margin-top: 20px;
        }
        
        .budget-summary h4 {
            color: var(--success-color);
            margin-bottom: 10px;
        }
        
        .budget-list {
            list-style-type: none;
        }
        
        .budget-list li {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
            padding-bottom: 8px;
            border-bottom: 1px dashed var(--border-color);
        }
        
        .budget-list li:last-child {
            border-bottom: none;
            font-weight: bold;
        }
        
        footer {
            text-align: center;
            padding: 15px;
            background-color: var(--primary-color);
            color: white;
            font-size: 0.9em;
        }
        
        @media (max-width: 768px) {
            body {
                padding: 10px;
            }
            
            .trip-info {
                flex-direction: column;
                align-items: center;
                gap: 10px;
            }
            
            .overview {
                flex-direction: column;
            }
            
            .timeline-item {
                padding: 12px;
            }
            
            .timeline:before {
                left: 6px;
            }
            
            .timeline-item:before {
                width: 12px;
                height: 12px;
                left: -31px;
            }
        }
        
        /* 添加地点链接样式 */
        .location-link {
            color: var(--primary-color);
            cursor: pointer;
            text-decoration: underline;
            transition: color 0.2s;
        }
        
        .location-link:hover {
            color: #2c4c7c;
        }
    </style>
</head>
<body class="bg-neutral min-h-screen p-4">
    <div class="container mx-auto bg-white rounded-xl shadow-sm overflow-hidden">
        <header class="bg-primary bg-opacity-90 text-white p-6 text-center relative">
            <h1 class="text-2xl font-bold mb-2">武汉三日游自驾行程</h1>
            <p class="text-lg font-medium mb-4">自然景观 • 美食之旅</p>
            <div class="flex flex-wrap justify-center gap-4 mt-4">
                <div class="badge badge-lg badge-outline bg-white bg-opacity-10 p-3">
                    <i class="fas fa-calendar-alt mr-2"></i>
                    <span>2025年4月14日 - 16日（3天）</span>
                </div>
                <div class="badge badge-lg badge-outline bg-white bg-opacity-10 p-3">
                    <i class="fas fa-users mr-2"></i>
                    <span>1成人 • 2儿童(3岁) • 1老人</span>
                </div>
                <div class="badge badge-lg badge-outline bg-white bg-opacity-10 p-3">
                    <i class="fas fa-car mr-2"></i>
                    <span>租车自驾</span>
                </div>
                <div class="badge badge-lg badge-outline bg-white bg-opacity-10 p-3">
                    <i class="fas fa-money-bill-wave mr-2"></i>
                    <span>预算：1000元</span>
                </div>
            </div>
        </header>
        
        <div class="p-6">
            <!-- 天气情况 -->
            <section class="mb-8">
                <h2 class="text-xl font-bold text-primary pb-2 mb-4 border-b border-gray-200 flex items-center">
                    <i class="fas fa-cloud-sun mr-2"></i>天气情况
                </h2>
                <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
                    <div class="card bg-base-100 border border-gray-100 shadow-sm hover:shadow-md transition-shadow">
                        <div class="card-body p-4">
                            <h3 class="card-title text-primary text-lg">
                                <i class="fas fa-calendar-day mr-2"></i>4月14日（周一）
                            </h3>
                            <p>白天：晴 25°C 北风1-3级</p>
                            <p>夜间：多云 12°C 北风1-3级</p>
                        </div>
                    </div>
                    <div class="card bg-base-100 border border-gray-100 shadow-sm hover:shadow-md transition-shadow">
                        <div class="card-body p-4">
                            <h3 class="card-title text-primary text-lg">
                                <i class="fas fa-calendar-day mr-2"></i>4月15日（周二）
                            </h3>
                            <p>白天：多云 27°C 北风1-3级</p>
                            <p>夜间：多云 17°C 北风1-3级</p>
                        </div>
                    </div>
                    <div class="card bg-base-100 border border-gray-100 shadow-sm hover:shadow-md transition-shadow">
                        <div class="card-body p-4">
                            <h3 class="card-title text-primary text-lg">
                                <i class="fas fa-calendar-day mr-2"></i>4月16日（周三）
                            </h3>
                            <p>白天：多云 27°C 西南风1-3级</p>
                            <p>夜间：多云 16°C 西南风1-3级</p>
                        </div>
                    </div>
                </div>
            </section>
            
            <!-- 行程概览 -->
            <section class="mb-8">
                <h2 class="text-xl font-bold text-primary pb-2 mb-4 border-b border-gray-200 flex items-center">
                    <i class="fas fa-map-marked-alt mr-2"></i>行程概览
                </h2>
                <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
                    <div class="card bg-base-100 border border-gray-100 shadow-sm hover:shadow-md transition-shadow">
                        <div class="card-body p-4">
                            <h3 class="card-title text-primary text-lg">
                                <i class="fas fa-calendar-day mr-2"></i>第一天 (4月14日)
                            </h3>
                            <ul class="mt-2">
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    游览东湖生态旅游风景区
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    东湖梅园观赏美景
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    东湖磨山景区游览
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    品尝江汉路特色美食
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="card bg-base-100 border border-gray-100 shadow-sm hover:shadow-md transition-shadow">
                        <div class="card-body p-4">
                            <h3 class="card-title text-primary text-lg">
                                <i class="fas fa-calendar-day mr-2"></i>第二天 (4月15日)
                            </h3>
                            <ul class="mt-2">
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    武汉黄鹤楼参观
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    户部巷小吃街品尝地道美食
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    江滩公园散步
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    晚间游览武汉长江大桥
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="card bg-base-100 border border-gray-100 shadow-sm hover:shadow-md transition-shadow">
                        <div class="card-body p-4">
                            <h3 class="card-title text-primary text-lg">
                                <i class="fas fa-calendar-day mr-2"></i>第三天 (4月16日)
                            </h3>
                            <ul class="mt-2">
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    参观后官湖国家湿地公园
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    沙湖公园悠闲散步
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    品尝武汉特色美食
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    归程
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>
            
            <!-- 第一天行程 -->
            <section class="mb-8">
                <div class="collapse collapse-arrow bg-primary bg-opacity-90 text-white rounded-lg mb-4">
                    <input type="checkbox" checked /> 
                    <div class="collapse-title text-xl font-medium">
                        第一天 (2025年4月14日 周一)
                    </div>
                    <div class="collapse-content bg-white text-black pt-4"> 
                        <div class="relative pl-8 border-l-2 border-gray-300">
                            <!-- 早餐 -->
                            <div class="card bg-base-100 shadow-sm mb-6 relative border border-gray-100">
                                <div class="absolute -left-[25px] top-6 w-5 h-5 rounded-full bg-secondary border-4 border-white shadow"></div>
                                <div class="card-body p-4">
                                    <div class="text-primary font-bold">08:30 - 09:30</div>
                                    <div class="text-lg font-medium flex items-center">
                                        <i class="fas fa-coffee text-primary mr-2"></i>酒店早餐
                                    </div>
                                    <div class="text-gray-500 text-sm mb-2">
                                        <i class="fas fa-map-marker-alt mr-1"></i>酒店内
                                    </div>
                                    <p>享用酒店早餐，养足精神开始一天的行程</p>
                                </div>
                            </div>
                            
                            <!-- 交通信息 -->
                            <div class="alert bg-gray-50 mb-6 border border-gray-200">
                                <div class="flex items-start">
                                    <i class="fas fa-car text-primary mr-3 mt-1"></i>
                                    <div>
                                        <p class="font-medium">自驾前往东湖生态旅游风景区</p>
                                        <p class="text-sm">行车时间约20分钟，请按导航指示行驶</p>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 东湖生态旅游风景区 -->
                            <div class="card bg-base-100 shadow-sm mb-6 relative border border-gray-100">
                                <div class="absolute -left-[25px] top-6 w-5 h-5 rounded-full bg-secondary border-4 border-white shadow"></div>
                                <div class="card-body p-4">
                                    <div class="text-primary font-bold">10:00 - 12:30</div>
                                    <div class="text-lg font-medium flex items-center">
                                        <i class="fas fa-tree text-primary mr-2"></i>东湖生态旅游风景区游览
                                    </div>
                                    <div class="text-gray-500 text-sm mb-2">
                                        <i class="fas fa-map-marker-alt mr-1"></i>
                                        <span class="location-link" onclick="openAmap('东湖生态旅游风景区', '武汉市沿湖大道16号')">沿湖大道16号</span>
                                    </div>
                                    <p>东湖是武汉最大的城中湖，也是全国最大的城中湖之一，素有"楚韵汉风，大美东湖"之称。</p>
                                    <div class="flex flex-wrap gap-2 mt-2">
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-ticket-alt"></i> 门票：免费
                                        </span>
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-clock"></i> 建议游览：2.5小时
                                        </span>
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-star"></i> 评分：4.9
                                        </span>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 交通信息 -->
                            <div class="alert bg-gray-50 mb-6 border border-gray-200">
                                <div class="flex items-start">
                                    <i class="fas fa-walking text-primary mr-3 mt-1"></i>
                                    <div>
                                        <p class="font-medium">步行前往东湖梅园</p>
                                        <p class="text-sm">步行时间约10分钟</p>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 午餐 -->
                            <div class="card bg-base-100 shadow-sm mb-6 relative border border-gray-100">
                                <div class="absolute -left-[25px] top-6 w-5 h-5 rounded-full bg-secondary border-4 border-white shadow"></div>
                                <div class="card-body p-4">
                                    <div class="text-primary font-bold">12:30 - 13:30</div>
                                    <div class="text-lg font-medium flex items-center">
                                        <i class="fas fa-utensils text-primary mr-2"></i>午餐
                                    </div>
                                    <div class="text-gray-500 text-sm mb-2">
                                        <i class="fas fa-map-marker-alt mr-1"></i>
                                        <span class="location-link" onclick="openAmap('东湖风景区餐厅', '东湖生态旅游风景区内')">东湖风景区内餐厅</span>
                                    </div>
                                    <p>在景区内用午餐，可以品尝当地特色小吃</p>
                                    <div class="flex flex-wrap gap-2 mt-2">
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-money-bill-wave"></i> 人均：50元
                                        </span>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 交通信息 -->
                            <div class="alert bg-gray-50 mb-6 border border-gray-200">
                                <div class="flex items-start">
                                    <i class="fas fa-walking text-primary mr-3 mt-1"></i>
                                    <div>
                                        <p class="font-medium">步行前往东湖磨山景区</p>
                                        <p class="text-sm">步行时间约15分钟</p>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 东湖磨山景区 -->
                            <div class="card bg-base-100 shadow-sm mb-6 relative border border-gray-100">
                                <div class="absolute -left-[25px] top-6 w-5 h-5 rounded-full bg-secondary border-4 border-white shadow"></div>
                                <div class="card-body p-4">
                                    <div class="text-primary font-bold">14:00 - 16:30</div>
                                    <div class="text-lg font-medium flex items-center">
                                        <i class="fas fa-mountain text-primary mr-2"></i>东湖磨山景区游览
                                    </div>
                                    <div class="text-gray-500 text-sm mb-2">
                                        <i class="fas fa-map-marker-alt mr-1"></i>
                                        <span class="location-link" onclick="openAmap('东湖磨山景区', '武汉市东湖生态旅游风景区内')">东湖生态旅游风景区内</span>
                                    </div>
                                    <p>磨山景区以山水园林见长，园内古木参天，绿荫蔽日，山环水抱，风光秀丽。老人和小孩可在此休憩，欣赏湖光山色。</p>
                                    <div class="flex flex-wrap gap-2 mt-2">
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-ticket-alt"></i> 门票：60元
                                        </span>
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-clock"></i> 建议游览：2.5小时
                                        </span>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 交通信息 -->
                            <div class="alert bg-gray-50 mb-6 border border-gray-200">
                                <div class="flex items-start">
                                    <i class="fas fa-car text-primary mr-3 mt-1"></i>
                                    <div>
                                        <p class="font-medium">自驾前往江汉路步行街</p>
                                        <p class="text-sm">行车时间约35分钟，请按导航指示行驶</p>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 晚餐 -->
                            <div class="card bg-base-100 shadow-sm mb-6 relative border border-gray-100">
                                <div class="absolute -left-[25px] top-6 w-5 h-5 rounded-full bg-secondary border-4 border-white shadow"></div>
                                <div class="card-body p-4">
                                    <div class="text-primary font-bold">17:30 - 19:30</div>
                                    <div class="text-lg font-medium flex items-center">
                                        <i class="fas fa-utensils text-primary mr-2"></i>晚餐 - 肥肥虾庄
                                    </div>
                                    <div class="text-gray-500 text-sm mb-2">
                                        <i class="fas fa-map-marker-alt mr-1"></i>
                                        <span class="location-link" onclick="openAmap('肥肥虾庄 江汉路店', '武汉市江汉路俊华大厦B座西南门旁')">江汉路 俊华大厦B座西南门旁</span>
                                    </div>
                                    <p>品尝武汉特色美食，肥肥虾庄是武汉著名的小龙虾餐厅，可以品尝到正宗的武汉口味小龙虾</p>
                                    <div class="flex flex-wrap gap-2 mt-2">
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-money-bill-wave"></i> 人均：130元
                                        </span>
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-star"></i> 评分：4.8
                                        </span>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 交通信息 -->
                            <div class="alert bg-gray-50 mb-6 border border-gray-200">
                                <div class="flex items-start">
                                    <i class="fas fa-walking text-primary mr-3 mt-1"></i>
                                    <div>
                                        <p class="font-medium">步行游览江汉路步行街</p>
                                        <p class="text-sm">步行时间自由掌握</p>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 江汉路步行街游览 -->
                            <div class="card bg-base-100 shadow-sm mb-6 relative border border-gray-100">
                                <div class="absolute -left-[25px] top-6 w-5 h-5 rounded-full bg-secondary border-4 border-white shadow"></div>
                                <div class="card-body p-4">
                                    <div class="text-primary font-bold">19:30 - 21:00</div>
                                    <div class="text-lg font-medium flex items-center">
                                        <i class="fas fa-shopping-bag text-primary mr-2"></i>江汉路步行街游览
                                    </div>
                                    <div class="text-gray-500 text-sm mb-2">
                                        <i class="fas fa-map-marker-alt mr-1"></i>
                                        <span class="location-link" onclick="openAmap('江汉路步行街', '武汉市江汉区')">江汉路步行街</span>
                                    </div>
                                    <p>江汉路步行街是武汉最繁华的商业街之一，有各种特色商铺和小吃，适合全家人晚间休闲</p>
                                </div>
                            </div>
                            
                            <!-- 交通信息 -->
                            <div class="alert bg-gray-50 mb-6 border border-gray-200">
                                <div class="flex items-start">
                                    <i class="fas fa-car text-primary mr-3 mt-1"></i>
                                    <div>
                                        <p class="font-medium">自驾返回酒店</p>
                                        <p class="text-sm">行车时间约25分钟，请按导航指示行驶</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            
            <!-- 第二天行程 -->
            <section class="mb-8">
                <div class="collapse collapse-arrow bg-primary bg-opacity-90 text-white rounded-lg mb-4">
                    <input type="checkbox" /> 
                    <div class="collapse-title text-xl font-medium">
                        第二天 (2025年4月15日 周二)
                    </div>
                    <div class="collapse-content bg-white text-black pt-4"> 
                        <div class="relative pl-8 border-l-2 border-gray-300">
                            <!-- 早餐 -->
                            <div class="card bg-base-100 shadow-sm mb-6 relative border border-gray-100">
                                <div class="absolute -left-[25px] top-6 w-5 h-5 rounded-full bg-secondary border-4 border-white shadow"></div>
                                <div class="card-body p-4">
                                    <div class="text-primary font-bold">08:00 - 09:00</div>
                                    <div class="text-lg font-medium flex items-center">
                                        <i class="fas fa-coffee text-primary mr-2"></i>酒店早餐
                                    </div>
                                    <div class="text-gray-500 text-sm mb-2">
                                        <i class="fas fa-map-marker-alt mr-1"></i>酒店内
                                    </div>
                                    <p>享用酒店早餐，准备第二天的行程</p>
                                </div>
                            </div>
                            
                            <!-- 交通信息 -->
                            <div class="alert bg-gray-50 mb-6 border border-gray-200">
                                <div class="flex items-start">
                                    <i class="fas fa-car text-primary mr-3 mt-1"></i>
                                    <div>
                                        <p class="font-medium">自驾前往黄鹤楼</p>
                                        <p class="text-sm">行车时间约30分钟，请按导航指示行驶</p>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 黄鹤楼游览 -->
                            <div class="card bg-base-100 shadow-sm mb-6 relative border border-gray-100">
                                <div class="absolute -left-[25px] top-6 w-5 h-5 rounded-full bg-secondary border-4 border-white shadow"></div>
                                <div class="card-body p-4">
                                    <div class="text-primary font-bold">09:30 - 12:00</div>
                                    <div class="text-lg font-medium flex items-center">
                                        <i class="fas fa-monument text-primary mr-2"></i>黄鹤楼游览
                                    </div>
                                    <div class="text-gray-500 text-sm mb-2">
                                        <i class="fas fa-map-marker-alt mr-1"></i>
                                        <span class="location-link" onclick="openAmap('黄鹤楼', '武汉市武昌区蛇山西山坡特1号')">蛇山西山坡特1号</span>
                                    </div>
                                    <p>黄鹤楼是武汉的标志性景点，被誉为"天下江山第一楼"。登楼可俯瞰长江美景，领略"万里长江第一楼"的雄伟气势。</p>
                                    <div class="flex flex-wrap gap-2 mt-2">
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-ticket-alt"></i> 门票：70元
                                        </span>
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-clock"></i> 建议游览：2.5小时
                                        </span>
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-star"></i> 评分：4.8
                                        </span>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 交通信息 -->
                            <div class="alert bg-gray-50 mb-6 border border-gray-200">
                                <div class="flex items-start">
                                    <i class="fas fa-walking text-primary mr-3 mt-1"></i>
                                    <div>
                                        <p class="font-medium">步行前往户部巷小吃街</p>
                                        <p class="text-sm">步行时间约15分钟</p>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 户部巷小吃街午餐 -->
                            <div class="card bg-base-100 shadow-sm mb-6 relative border border-gray-100">
                                <div class="absolute -left-[25px] top-6 w-5 h-5 rounded-full bg-secondary border-4 border-white shadow"></div>
                                <div class="card-body p-4">
                                    <div class="text-primary font-bold">12:30 - 14:00</div>
                                    <div class="text-lg font-medium flex items-center">
                                        <i class="fas fa-utensils text-primary mr-2"></i>户部巷小吃街午餐
                                    </div>
                                    <div class="text-gray-500 text-sm mb-2">
                                        <i class="fas fa-map-marker-alt mr-1"></i>
                                        <span class="location-link" onclick="openAmap('户部巷', '武汉市武昌区户部巷')">户部巷</span>
                                    </div>
                                    <p>户部巷是武汉著名的小吃街，汇集了热干面、豆皮、鸭脖子等武汉特色小吃，是品尝武汉美食的绝佳去处。</p>
                                    <div class="flex flex-wrap gap-2 mt-2">
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-money-bill-wave"></i> 人均：60元
                                        </span>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 交通信息 -->
                            <div class="alert bg-gray-50 mb-6 border border-gray-200">
                                <div class="flex items-start">
                                    <i class="fas fa-walking text-primary mr-3 mt-1"></i>
                                    <div>
                                        <p class="font-medium">步行前往江滩公园</p>
                                        <p class="text-sm">步行时间约10分钟</p>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 江滩公园游览 -->
                            <div class="card bg-base-100 shadow-sm mb-6 relative border border-gray-100">
                                <div class="absolute -left-[25px] top-6 w-5 h-5 rounded-full bg-secondary border-4 border-white shadow"></div>
                                <div class="card-body p-4">
                                    <div class="text-primary font-bold">14:30 - 16:30</div>
                                    <div class="text-lg font-medium flex items-center">
                                        <i class="fas fa-water text-primary mr-2"></i>江滩公园游览
                                    </div>
                                    <div class="text-gray-500 text-sm mb-2">
                                        <i class="fas fa-map-marker-alt mr-1"></i>
                                        <span class="location-link" onclick="openAmap('武汉江滩公园', '武汉市沿江大道')">沿江大道</span>
                                    </div>
                                    <p>武汉江滩公园是中国内河第一长滩，江风习习，视野开阔，是观赏长江风光和城市景观的好去处。适合老人休息和孩子嬉戏，总体较为凉爽。</p>
                                    <div class="flex flex-wrap gap-2 mt-2">
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-ticket-alt"></i> 门票：免费
                                        </span>
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-clock"></i> 建议游览：2小时
                                        </span>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 交通信息 -->
                            <div class="alert bg-gray-50 mb-6 border border-gray-200">
                                <div class="flex items-start">
                                    <i class="fas fa-car text-primary mr-3 mt-1"></i>
                                    <div>
                                        <p class="font-medium">自驾前往汉和里·地道湖北菜</p>
                                        <p class="text-sm">行车时间约15分钟，请按导航指示行驶</p>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 晚餐 -->
                            <div class="card bg-base-100 shadow-sm mb-6 relative border border-gray-100">
                                <div class="absolute -left-[25px] top-6 w-5 h-5 rounded-full bg-secondary border-4 border-white shadow"></div>
                                <div class="card-body p-4">
                                    <div class="text-primary font-bold">17:30 - 19:00</div>
                                    <div class="text-lg font-medium flex items-center">
                                        <i class="fas fa-utensils text-primary mr-2"></i>晚餐 - 汉和里·地道湖北菜
                                    </div>
                                    <div class="text-gray-500 text-sm mb-2">
                                        <i class="fas fa-map-marker-alt mr-1"></i>
                                        <span class="location-link" onclick="openAmap('汉和里·地道湖北菜', '武汉市临江大道30号')">临江大道30号</span>
                                    </div>
                                    <p>品尝正宗的湖北菜，尤其是著名的武昌鱼，为一天的行程画上完美句号</p>
                                    <div class="flex flex-wrap gap-2 mt-2">
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-money-bill-wave"></i> 人均：100元
                                        </span>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 交通信息 -->
                            <div class="alert bg-gray-50 mb-6 border border-gray-200">
                                <div class="flex items-start">
                                    <i class="fas fa-car text-primary mr-3 mt-1"></i>
                                    <div>
                                        <p class="font-medium">自驾前往武汉长江大桥</p>
                                        <p class="text-sm">行车时间约20分钟，请按导航指示行驶</p>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 武汉长江大桥夜景观赏 -->
                            <div class="card bg-base-100 shadow-sm mb-6 relative border border-gray-100">
                                <div class="absolute -left-[25px] top-6 w-5 h-5 rounded-full bg-secondary border-4 border-white shadow"></div>
                                <div class="card-body p-4">
                                    <div class="text-primary font-bold">19:30 - 21:00</div>
                                    <div class="text-lg font-medium flex items-center">
                                        <i class="fas fa-bridge text-primary mr-2"></i>武汉长江大桥夜景观赏
                                    </div>
                                    <div class="text-gray-500 text-sm mb-2">
                                        <i class="fas fa-map-marker-alt mr-1"></i>
                                        <span class="location-link" onclick="openAmap('武汉长江大桥', '武汉市武昌区')">武汉长江大桥</span>
                                    </div>
                                    <p>武汉长江大桥是新中国自行设计建造的第一座长江大桥，夜晚灯光璀璨，是观赏武汉夜景的好去处</p>
                                </div>
                            </div>
                            
                            <!-- 交通信息 -->
                            <div class="alert bg-gray-50 mb-6 border border-gray-200">
                                <div class="flex items-start">
                                    <i class="fas fa-car text-primary mr-3 mt-1"></i>
                                    <div>
                                        <p class="font-medium">自驾返回酒店</p>
                                        <p class="text-sm">行车时间约25分钟，请按导航指示行驶</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            
            <!-- 第三天行程 -->
            <section class="mb-8">
                <div class="collapse collapse-arrow bg-primary bg-opacity-90 text-white rounded-lg mb-4">
                    <input type="checkbox" /> 
                    <div class="collapse-title text-xl font-medium">
                        第三天 (2025年4月16日 周三)
                    </div>
                    <div class="collapse-content bg-white text-black pt-4"> 
                        <div class="relative pl-8 border-l-2 border-gray-300">
                            <!-- 早餐 -->
                            <div class="card bg-base-100 shadow-sm mb-6 relative border border-gray-100">
                                <div class="absolute -left-[25px] top-6 w-5 h-5 rounded-full bg-secondary border-4 border-white shadow"></div>
                                <div class="card-body p-4">
                                    <div class="text-primary font-bold">08:00 - 09:00</div>
                                    <div class="text-lg font-medium flex items-center">
                                        <i class="fas fa-coffee text-primary mr-2"></i>酒店早餐
                                    </div>
                                    <div class="text-gray-500 text-sm mb-2">
                                        <i class="fas fa-map-marker-alt mr-1"></i>酒店内
                                    </div>
                                    <p>享用酒店早餐，准备最后一天的行程</p>
                                </div>
                            </div>
                            
                            <!-- 交通信息 -->
                            <div class="alert bg-gray-50 mb-6 border border-gray-200">
                                <div class="flex items-start">
                                    <i class="fas fa-car text-primary mr-3 mt-1"></i>
                                    <div>
                                        <p class="font-medium">自驾前往后官湖国家湿地公园</p>
                                        <p class="text-sm">行车时间约40分钟，请按导航指示行驶</p>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 后官湖国家湿地公园游览 -->
                            <div class="card bg-base-100 shadow-sm mb-6 relative border border-gray-100">
                                <div class="absolute -left-[25px] top-6 w-5 h-5 rounded-full bg-secondary border-4 border-white shadow"></div>
                                <div class="card-body p-4">
                                    <div class="text-primary font-bold">10:00 - 12:30</div>
                                    <div class="text-lg font-medium flex items-center">
                                        <i class="fas fa-leaf text-primary mr-2"></i>后官湖国家湿地公园游览
                                    </div>
                                    <div class="text-gray-500 text-sm mb-2">
                                        <i class="fas fa-map-marker-alt mr-1"></i>
                                        <span class="location-link" onclick="openAmap('后官湖国家湿地公园', '武汉市彭家山头58号')">彭家山头58号</span>
                                    </div>
                                    <p>后官湖国家湿地公园是武汉市区内最大的湿地，公园内水域广阔，芦苇丛生，湿地生态系统保存完好，是观鸟和赏景的好去处。</p>
                                    <div class="flex flex-wrap gap-2 mt-2">
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-ticket-alt"></i> 门票：免费
                                        </span>
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-clock"></i> 建议游览：2.5小时
                                        </span>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 交通信息 -->
                            <div class="alert bg-gray-50 mb-6 border border-gray-200">
                                <div class="flex items-start">
                                    <i class="fas fa-car text-primary mr-3 mt-1"></i>
                                    <div>
                                        <p class="font-medium">自驾前往沙湖公园</p>
                                        <p class="text-sm">行车时间约30分钟，请按导航指示行驶</p>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 午餐 -->
                            <div class="card bg-base-100 shadow-sm mb-6 relative border border-gray-100">
                                <div class="absolute -left-[25px] top-6 w-5 h-5 rounded-full bg-secondary border-4 border-white shadow"></div>
                                <div class="card-body p-4">
                                    <div class="text-primary font-bold">13:30 - 14:30</div>
                                    <div class="text-lg font-medium flex items-center">
                                        <i class="fas fa-utensils text-primary mr-2"></i>午餐 - 靓靓蒸虾
                                    </div>
                                    <div class="text-gray-500 text-sm mb-2">
                                        <i class="fas fa-map-marker-alt mr-1"></i>
                                        <span class="location-link" onclick="openAmap('靓靓蒸虾 沙湖店', '武汉市沙湖路150号')">沙湖路150号</span>
                                    </div>
                                    <p>在沙湖附近的靓靓蒸虾享用午餐，品尝武汉特色蒸虾</p>
                                    <div class="flex flex-wrap gap-2 mt-2">
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-money-bill-wave"></i> 人均：100元
                                        </span>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 交通信息 -->
                            <div class="alert bg-gray-50 mb-6 border border-gray-200">
                                <div class="flex items-start">
                                    <i class="fas fa-walking text-primary mr-3 mt-1"></i>
                                    <div>
                                        <p class="font-medium">步行前往沙湖公园</p>
                                        <p class="text-sm">步行时间约5分钟</p>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 沙湖公园散步 -->
                            <div class="card bg-base-100 shadow-sm mb-6 relative border border-gray-100">
                                <div class="absolute -left-[25px] top-6 w-5 h-5 rounded-full bg-secondary border-4 border-white shadow"></div>
                                <div class="card-body p-4">
                                    <div class="text-primary font-bold">14:45 - 16:30</div>
                                    <div class="text-lg font-medium flex items-center">
                                        <i class="fas fa-tree text-primary mr-2"></i>沙湖公园散步
                                    </div>
                                    <div class="text-gray-500 text-sm mb-2">
                                        <i class="fas fa-map-marker-alt mr-1"></i>
                                        <span class="location-link" onclick="openAmap('沙湖公园', '武汉市武昌区')">武昌区</span>
                                    </div>
                                    <p>沙湖公园环境优美，绿树成荫，湖水清澈，是武汉市内休闲散步的好去处。此时气温宜人，适合老人在此休憩，孩子玩耍。</p>
                                    <div class="flex flex-wrap gap-2 mt-2">
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-ticket-alt"></i> 门票：免费
                                        </span>
                                        <span class="badge badge-ghost gap-1 text-gray-600">
                                            <i class="fas fa-clock"></i> 建议游览：1.5小时
                                        </span>
                                    </div>
                                </div>
                            </div>
                            
                            <!-- 交通信息 -->
                            <div class="alert bg-gray-50 mb-6 border border-gray-200">
                                <div class="flex items-start">
                                    <i class="fas fa-car text-primary mr-3 mt-1"></i>
                                    <div>
                                        <p class="font-medium">自驾返程</p>
                                        <p class="text-sm">归途愉快</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            
            <!-- 实用信息 -->
            <section class="mb-8">
                <h2 class="text-xl font-bold text-primary pb-2 mb-4 border-b border-gray-200 flex items-center">
                    <i class="fas fa-info-circle mr-2"></i>实用信息
                </h2>
                
                <div class="card bg-gray-50 p-4 mb-6 border border-gray-100">
                    <h3 class="text-lg font-semibold mb-3 text-primary">旅行小贴士</h3>
                    <ul class="space-y-3">
                        <li class="flex items-start">
                            <i class="fas fa-umbrella text-gray-500 mt-1 mr-3"></i>
                            <span>虽然天气预报显示天气晴好，但武汉天气多变，建议携带雨伞以备不时之需</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-tshirt text-gray-500 mt-1 mr-3"></i>
                            <span>四月的武汉气温适宜，但昼夜温差较大，请准备长袖衣物</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-mobile-alt text-gray-500 mt-1 mr-3"></i>
                            <span>提前下载高德地图或百度地图，方便自驾导航</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-parking text-gray-500 mt-1 mr-3"></i>
                            <span>各景点周边都有停车场，建议提前查询停车信息</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-user-clock text-gray-500 mt-1 mr-3"></i>
                            <span>老人不耐热，安排在早晚温度较低时段游览，中午注意休息</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-child text-gray-500 mt-1 mr-3"></i>
                            <span>3岁的孩子需要带足玩具、零食和水，景区游玩时注意安全</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-camera text-gray-500 mt-1 mr-3"></i>
                            <span>东湖和黄鹤楼景色优美，记得带上相机记录美好时刻</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-prescription-bottle text-gray-500 mt-1 mr-3"></i>
                            <span>准备常用药品，如晕车药、感冒药、创可贴等</span>
                        </li>
                    </ul>
                </div>
                
                <div class="card bg-gray-50 p-4 mb-6 border border-gray-100">
                    <h4 class="text-lg font-semibold text-primary mb-3 flex items-center">
                        <i class="fas fa-phone-alt mr-2"></i>紧急联系电话
                    </h4>
                    <ul class="space-y-2">
                        <li class="flex items-center">
                            <i class="fas fa-ambulance text-gray-500 mr-3"></i>
                            <span>急救电话：120</span>
                        </li>
                        <li class="flex items-center">
                            <i class="fas fa-shield-alt text-gray-500 mr-3"></i>
                            <span>报警电话：110</span>
                        </li>
                        <li class="flex items-center">
                            <i class="fas fa-fire-extinguisher text-gray-500 mr-3"></i>
                            <span>火警电话：119</span>
                        </li>
                        <li class="flex items-center">
                            <i class="fas fa-info-circle text-gray-500 mr-3"></i>
                            <span>武汉旅游咨询：027-82802000</span>
                        </li>
                        <li class="flex items-center">
                            <i class="fas fa-car-crash text-gray-500 mr-3"></i>
                            <span>交通事故：122</span>
                        </li>
                    </ul>
                </div>
                
                <div class="card bg-gray-50 p-4 border border-gray-100">
                    <h4 class="text-lg font-semibold text-primary mb-3 flex items-center">
                        <i class="fas fa-money-bill-wave mr-2"></i>预算总结
                    </h4>
                    <div class="overflow-x-auto">
                        <table class="table table-zebra bg-white">
                            <tbody>
                                <tr>
                                    <td>交通费用（租车3天）</td>
                                    <td class="text-right">约300元</td>
                                </tr>
                                <tr>
                                    <td>餐饮费用（3天）</td>
                                    <td class="text-right">约550元</td>
                                </tr>
                                <tr>
                                    <td>门票费用</td>
                                    <td class="text-right">约200元</td>
                                </tr>
                                <tr>
                                    <td>其他杂费</td>
                                    <td class="text-right">约100元</td>
                                </tr>
                                <tr class="font-bold">
                                    <td>总计</td>
                                    <td class="text-right">约1150元</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <p class="mt-3 text-sm text-gray-600">注：预算略微超出预期，主要是考虑到餐饮费用。可以适当调整餐饮档次，选择性消费以控制在1000元预算内。</p>
                </div>
            </section>
            
            <!-- 出行准备清单 -->
            <section class="mb-8">
                <h2 class="text-xl font-bold text-primary pb-2 mb-4 border-b border-gray-200 flex items-center">
                    <i class="fas fa-list-check mr-2"></i>出行准备清单
                </h2>
                
                <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                    <div class="card bg-base-100 shadow-sm border border-gray-100">
                        <div class="card-body p-4">
                            <h3 class="card-title text-primary">
                                <i class="fas fa-passport mr-2"></i>证件物品
                            </h3>
                            <ul class="mt-2">
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    身份证
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    驾驶证
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    信用卡/现金
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    租车合同
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="card bg-base-100 shadow-sm border border-gray-100">
                        <div class="card-body p-4">
                            <h3 class="card-title text-primary">
                                <i class="fas fa-suitcase mr-2"></i>生活用品
                            </h3>
                            <ul class="mt-2">
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    换洗衣物
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    洗漱用品
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    雨伞
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    充电器/充电宝
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="card bg-base-100 shadow-sm border border-gray-100">
                        <div class="card-body p-4">
                            <h3 class="card-title text-primary">
                                <i class="fas fa-first-aid mr-2"></i>特殊需求
                            </h3>
                            <ul class="mt-2">
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    老人舒适鞋
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    儿童零食
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    儿童玩具
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    防晒霜
                                </li>
                                <li class="mb-2 pl-5 relative">
                                    <span class="absolute left-0 top-2 w-2 h-2 bg-secondary rounded-full"></span>
                                    常用药品
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        
        <footer class="bg-primary bg-opacity-90 text-white text-center py-4 text-sm">
            <p>武汉三日游自驾行程规划 | 高德地图提供路线规划和地点信息 | 2025年行程</p>
        </footer>
    </div>
</body>
</html> 